<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8"/>
    <title>2018数字化学术教育峰会暨惠每移健客户大会即将开始</title>
    <meta name="viewport" content="width=device-width,initial-scale=1,maximum-scale=1, minimum-scale=1"/>
    <link rel="stylesheet" href="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/css/bootstrap.min.css"/>
    <style>
        @media only screen and (max-width: 1024px) {
            body {
                width: 1024px !important;
            }
        }
        .d1 {
            background: url("http://tlpt.yutaolife007.com/invitation/img/headBackground.png");
            background-size: 100%;
            background-repeat: no-repeat;
        }
        .d-1 {
            padding-top: 30px;
            padding-left: 30px;
        }
        .d-1 > img {
            width: 100%;
        }
        .d-2 {
            padding-top: 50px;
            text-align: center;
        }
        .d-2 > img {
            width: 80%;
            padding-bottom: 25px;
        }
        .d-4 > h3 {
            padding-top: 50px;
            color: black;
        }
        .d-7 > h4 {
            display: inline-block;
            color: #8e8e8e;
            text-align: left;
        }
        .d-9 > p {
            font-size: 16px;
            letter-spacing: 1px;
            line-height: 25px;
            color: black;
            font-weight: 400;
            padding-bottom: 25px;
            text-align: justify;
        }
        .p2 {
            padding-top: 40px;
        }
        .d-10 > img {
            padding-top: 75px;
        }
        .d-13 > img {
            padding-top: 75px;
        }
        .d-14 > p {
            text-align: center;
            line-height: 45px;
        }
        .h-1{
            text-align: center;
            color: #0776a1;
            font-weight: bold;
        }
        .d-15{
            padding: 20px 0;
        }
        .d-15 > p{
            font-weight: bold;
        }
        .d-16 > p{
            font-weight: bold;
        }
        .d-17{
            text-align: center;
        }
        .p1{
            padding-top: 40px;
        }
        .d3 {
            padding: 20px 0 40px 0;
            text-align: center;
        }
        .btn1{
            width: 80%;
        }
        .modal-dialog{
            padding-top: 15%;
        }
        .modal-title,.modal-body ,.modal-footer{
            text-align: center;
        }
        .modal-body > textarea{
            width: 90%;
        }
    </style>
</head>
<body>
<div>
    <!--头-->
    <div class="col-xs-12">
        <div class="col-xs-3"></div>
        <div class="d1 col-xs-6">
            <div class="d-1 col-xs-2">
                <img src="http://tlpt.yutaolife007.com/invitation/img/head-logo.png" alt=""/>
            </div>
            <div class="d-2 col-xs-8">
                <img src="http://tlpt.yutaolife007.com/invitation/img/head-logo1.png" alt=""/>
            </div>
            <div class="col-xs-2">
            </div>
        </div>
        <div class="col-xs-3"></div>
    </div>
    <!--体-->
    <div class="d2 col-xs-12">
        <div class="d-3 col-xs-3"></div>
        <div class="col-xs-6">
            <div class="d-4  col-xs-12">
                <p hidden></p>
                <h3>Dear <span id="name"></span>&nbsp;Sir/madam：</h3>
                <div class="d-9">
                    <p class="p2">
                        In last twenty-five years, the Chinese government’s undertaking of systemic healthcare reform has achieved laudable achievements. It has brought about tremendous change to policy and regulations. The way healthcare economy works and the landscape of healthcare technologies also went through dramatic changes. Whatever changes happen outside, what does not change over time is the unmet needs inside. As a thoughtful and committed player, it is our mission to serve Chinese physicians’ pursuit of clinical knowledge, and to bridge the gap between China and the world in patient care.
                    </p>
                    <p>
                        Huimei Health was invested and founded by Mayo Clinic and HillHouse Capital in 2015. Leveraging Mayo Clinic’s advanced healthcare knowledge and management expertise, Huimei Health is building the best healthcare management platform to provide one-stop services to healthcare practitioners and management professionals, and care to everyone who needs healing.
                    </p>
                    <p>
                        As a subsidiary company of Huimei Health, it’s the mission of Huimei Health Mobile Technology (HHMT) to innovate, and to deliver state-of-art data-driven solutions and products to stakeholders in healthcare sector. Leveraging our expertise in Natural Language Processing and machine learning, HMMT offers an application of topic engine and content recommendation system grounded on the medical resources from the Mayo Clinic. With the pharma industry’s pain points in mind, this application will be a job aid to pharma marketing.
                    </p>
                    <p>
                        We invite you to join “2018 digital marketing in Pharma Industry” on May 31th, 2018. Experts from the Mayo Clinic, domestic and multinational pharmaceutical companies, internet and consumer product firms will share their best practice in digital marketing. The National Health and Family Planning Commission leaders will also be joining on HCP continuing education topic. Also, be prepared for the spotlight and the big launch of HMMT solution.
                    </p>
                </div>
            </div>
            <div>
                <h3 class="h-1">Agenda</h3>
                <div class="d-15 col-xs-12">
                    <p class="col-xs-12">
                        <span class="col-xs-2">09:30~09:40</span>
                        <span class="col-xs-5">Opening Speech</span>
                        <span class="col-xs-5">CEO of HMMT</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">09:40~09:50</span>
                        <span class="col-xs-5">Policy Analysis of HCP Vocational Reeducation </span>
                        <span class="col-xs-5">Sr. Researcher of MOH</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">09:50~10:20</span>
                        <span class="col-xs-5">What kind content needed in digital era</span>
                        <span class="col-xs-5">AD of Chinese Medical Association</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">10:20~10:50</span>
                        <span class="col-xs-5">Current Status of Digitized Continuing Medical Education in North America</span>
                        <span class="col-xs-5">Sr. consultant of Mayo Clinic</span>
                    </p>
                </div>
                <div class="d-15 col-xs-12">
                    <p class="col-xs-12">
                        <span class="col-xs-2">10:50~11:00</span>
                        <span class="col-xs-5">Break</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">11:00~11:30</span>
                        <span class="col-xs-5">Application of social for HCP reputation & PE</span>
                        <span class="col-xs-5">Healthcare Dept of Sina Weibo</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">11:30~12:00</span>
                        <span class="col-xs-5">HCP on-line Learning and Social Effectiveness</span>
                        <span class="col-xs-5">Director of BJ Haidian Healthcare Resources Center</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">12:00~12:30</span>
                        <span class="col-xs-5">Case Sharing of Content promotion from FMCG</span>
                        <span class="col-xs-5">Chief Creative Transformation Lead at Publicis Sapient</span>
                    </p>
                    <p  class="col-xs-12">
                        <span class="col-xs-2">12:30-13:30</span>
                        <span class="col-xs-5">Lunch</span>
                    </p>
                </div>
                <div class="d-15 col-xs-12">
                    <p  class="col-xs-12">
                        <span class="col-xs-2">13:30-14:00</span>
                        <span class="col-xs-5">How make new media effective via professional content</span>
                        <span class="col-xs-5">Founder of ChazuoMBA</span>
                    </p>
                    <p  class="col-xs-12">
                        <span class="col-xs-2">14:00~14:30</span>
                        <span class="col-xs-5">Solution Introduction & Company Vison</span>
                        <span class="col-xs-5">CEO of HMMT</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">14:30~15:00</span>
                        <span class="col-xs-5">Sharing of Digital Academic Promotion</span>
                        <span class="col-xs-5">Novo Nordisk</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">15:00~15:30</span>
                        <span class="col-xs-5">Hui医 App Introduction</span>
                        <span class="col-xs-5">Production VP of HMMT</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">15:30~15:50</span>
                        <span class="col-xs-5">Break</span>
                    </p>
                </div>
                <div class="d-15 col-xs-12">
                    <p class="col-xs-12">
                        <span class="col-xs-2">15:50~16:20</span>
                        <span class="col-xs-5">How Data Science Enhance Effectiveness of Academic Content</span>
                        <span class="col-xs-5">Data Scientist of HMMT</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">16:20~16:50</span>
                        <span class="col-xs-5">Academic Promotion Strategy of Domestic Pharma</span>
                        <span class="col-xs-5">Qilu Pharma</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">16:50~17:20</span>
                        <span class="col-xs-5">Introduction of digital BI tool, Engage</span>
                        <span class="col-xs-5">Production VP of HMMT</span>
                    </p>
                    <p class="col-xs-12">
                        <span class="col-xs-2">17:20~17:30</span>
                        <span class="col-xs-5">Closing Speech</span>
                        <span class="col-xs-5">CEO of HMMT</span>
                    </p>
                </div>
            </div>
            <div>
                <h3 class="h-1">Meeting INFO</h3>
                <div class="d-15 col-xs-12">
                    <div class="d-16 col-xs-6">
                        <p>
                            <span class="glyphicon glyphicon-briefcase"></span>
                            <span>Time:</span>
                            <p>09:30-17:30, 31th May 2018</p>
                        </p>
                        <p class="p1">
                            <span class="glyphicon glyphicon-map-marker"></span>
                            <span>Location: </span>
                            <p>No. 1288, Lujiazui Ring Rd.</p>
                            <p>(Ball Room of 3rd Floor, Kempinski Hotel)</p>
                        </p>
                    </div>
                    <div class="d-17 col-xs-6">
                        <img width="90%" src="http://tlpt.yutaolife007.com/invitation-backstage/img/ditu.png" alt="">
                    </div>
                </div>
            </div>
        </div>
        <div class="d-5 col-xs-3"></div>
    </div>
    <!--按钮-->
    <div class="d3 col-xs-12">
        <div class="col-xs-3"></div>
        <div class="d-15 col-xs-6">
            <div class="col-xs-4"></div>
            <div class="col-xs-4">
                <a href="javascript:;">
                    <button type="button" data-toggle="modal" class="btn1 btn btn-primary consent">Accept</button>
                </a>
            </div>
            <div class="col-xs-4"></div>
        </div>
        <div class="col-xs-3"></div>
    </div>
    <!--确认弹出框-->
    <div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                        <button type="button" class="close" data-dismiss="modal"
                                aria-hidden="true">×
                        </button>
                        <h4 class="modal-title" id="myModalLabel">
                            Please confirm the information
                        </h4>
                    </div>
                <div class="zhanshi modal-body">
                        <p>name：<input id="cla1" readonly="readonly" type="text" value=""></p>
                        <p style="margin-left: -20px">company：<input id="cla2" type="text" value=""></p>
                        <p>phone：<input id="cla3" type="text" value=""></p>
                        <p>e-mail：<input id="cla4" type="text" value=""></p>
                </div>
                <div class="modal-footer">
                        <button type="button" class="btn btn-primary affirm">
                            OK
                        </button>
                        <button type="button" class="btn btn-warning"
                                data-dismiss="modal">Cancel
                        </button>
                    </div>
           </div>
        </div>
    </div>
    <!--注意查收弹出框-->
    <div class="modal fade" id="myModal2" tabindex="-1" role="dialog" aria-labelledby="myModalLabel1" aria-hidden="true">
        <div class="modal-dialog">
            <div class="modal-content">
                <div class="modal-header">
                    <button type="button" class="close" data-dismiss="modal"
                            aria-hidden="true">×
                    </button>
                    <h4 class="modal-title" id="myModalLabel2">
                        We will send you an email, please check!
                    </h4>
                </div>
                <div class="modal-footer">
                    <button type="button" class="btn btn-primary"
                            data-dismiss="modal">OK
                    </button>
                </div>
            </div>
        </div>
    </div>
</div>
</body>
<script src="http://cdn.static.runoob.com/libs/jquery/2.1.1/jquery.min.js"></script>
<script src="http://cdn.static.runoob.com/libs/bootstrap/3.3.7/js/bootstrap.min.js"></script>
<script type="text/javascript">
    if(screen.width <970) {
        window.location.href="./templesjE.html";
    }
    let ids;
    /*确认*/
    $(".consent").click(function () {
        var list = new Object();
        list.id = ids;
        list.username = $('#cla1').val();
        list.company = $('#cla2').val();
        list.phone = $('#cla3').val();
        list.email = $('#cla4').val();
        $.ajax({
            type: "POST",
            url: "http://10.0.0.25:8080/wxx/email/confirmInfo",
            data: {value:JSON.stringify(list)},
            success: function (date) { //如果发送成功
                /*                var a = data.data.msg;
                                $('#myModalLabel2').val(a);
                                console.log("发送成功")*/
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                console.log(textStatus);
                console.log(errorThrown);
            },
        });
        $(function () {
            $('#myModal').modal({
                keyboard: true
            });
        });
    });
    $(".affirm").click(function () {
        var list = new Object();
        list.id = ids;
        list.username = $('#cla1').val();
        list.company = $('#cla2').val();
        list.phone = $('#cla3').val();
        list.email = $('#cla4').val();
        $.ajax({
            type: "POST",
            url: "http://10.0.0.25:8080/wxx/email/confirmInfo",
            data: {value:JSON.stringify(list)},
            success: function (date) { //如果发送成功
/*                var a = data.data.msg;
                $('#myModalLabel2').val(a);
                console.log("发送成功")*/
            },
            error: function (XMLHttpRequest, textStatus, errorThrown) {
                console.log(XMLHttpRequest);
                console.log(textStatus);
                console.log(errorThrown);
            },
        });
        $(".affirm").attr("data-dismiss","modal");

        $(function () {
            $('#myModal2').modal({
                keyboard: true
            });
        });
    });

</script>
</html>